ElementUI中Progress进度条样式设置

1、如何将文字与进度条排列在同一行

 <span class="span_box"> 图文： <el-progress :format="format" :text-inside="true" :stroke-width="16" :percentage="70"></el-progress></span>
 <span class="span_box"> 音频： <el-progress :format="format" :text-inside="true" :stroke-width="16" :percentage="100" status="success"></el-progress></span>
 <span class="span_box"> 视频： <el-progress :format="format" :text-inside="true" :stroke-width="16" :percentage="80"  status="warning"></el-progress></span>
 <span class="span_box"> VR：   <el-progress :format="format" :text-inside="true" :stroke-width="16" :percentage="50"  status="exception"></el-progress></span>  

.span_box{ display: flex; line-height: 48px; }

2、百分比设置

format(percentage) {
        return percentage === 100 ? '100' : `${percentage}`;
 },